<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>官方在线商城-Smartisan</title>
    <link rel="shortcut icon" type="image/x-icon" href="images2/favicon.ico" >
    <link rel="stylesheet"  href="css/作业（锤子官网）.css"/>
</head>
<body>
<div class="top">
    <div class="top1 center">
        <ul>
            <li><a href="#">在线商城</a></li>
            <li><a href="#">Smartisan M1/M1L</a></li>
            <li><a href="#">Smartisan OS</a></li>
            <li><a href="#">欢喜云</a></li>
            <li><a href="#">应用下载</a></li>
            <li><a href="#">官方论坛</a></li>
        </ul>
        <div class="top2">
        <button>登入</button></div>
    </div>
</div>
<div class="da center">
    <ul class="nav1">
        <li><a href="#">精选</a></li>
        <li><a href="#">手机</a></li>
        <li><a href="#">耳机/音响</a></li>
        <li><a href="#">背壳/保护套</a></li>
        <li><a href="#">情怀/背壳</a></li>
        <li><a href="#">其他周边</a></li>
        <li><a href="#">保修服务</a></li>
        <li><a href="#">全部商品</a></li>
    </ul>
    <div class="nav2">
        <a href="">
        <p>购物车</p><span>0</span>
        </a>
        <div class="shop">
            <img src="images2/spcart2.png" align="top"/>
            <img class="shop-tua" src="images2/spcart2.png" alt=""/>
            <span>购物车为空</span>
            <span>你还没有选购任何商品，现在前往商城选购吧</span>
        </div>
    </div>
    <a href="#"><div class="nav center">
    </div></a>
    <div class="nav-a">
        <div class="nav-b"></div>
        <div class="nav-c"></div>
        <div class="nav-d"></div>
        <div class="nav-e"></div>
    </div>
    <div class="hot">
        <div class="hot-a">
            <p>热门商品</p></div>
        <div class="hot-b">
            <img src="images2/5-1.jpg" alt=""/>
            <p class="hot-b-wa">Smartisan 坚果自拍杆</p>
            <p class="hot-b-wb">通用3.5mm接口、航空铝合金伸缩杆</p>
            <p class="hot-b-wc">¥69.00</p>
        </div>
        <div class="hot-b">
            <img src="images2/5-2.jpg" alt=""/>
            <p class="hot-b-wa">《深泽直人》</p>
            <p class="hot-b-wb">首次向中国读者介绍其作品</p>
            <p class="hot-b-wc">¥199.00</p>
        </div>
        <div class="hot-b">
            <img src="images2/5-3.jpg" alt=""/>
            <p class="hot-b-wa">Smartisan M1/M1L 软胶保护套</p>
            <p class="hot-b-wb">TPU环保材质、细腻防滑、防油污</p>
            <p class="hot-b-wc">¥49.00</p>
        </div>
        <div class="hot-b">
            <img src="images2/5-4.jpg" alt=""/>
            <p class="hot-b-wa">Smartisan S-100 半入耳式耳机</p>
            <p class="hot-b-wb">卓越的 14.2mm 发音单元、三按键式线控</p>
            <p class="hot-b-wc">¥69.00</p>
        </div>
    </div>
    <div class="guan">
        <div class="guan-a">
            <p>官方精选</p>
        </div>
            <div class="guan-b">
        </div>        <div class="guan-c">
        <img src="images2/6-3.jpg" alt=""/>
        <p class="guan-c-wa">Smartisan 二合一数据线  0.2m / 1.5m</p>
        <p class="guan-c-wb">Type-C & Micro-USB 双接口、夜间微光灯</p>
        <p class="guan-c-wc">¥39.00</p>
    </div>
        <div class="guan-c"style="border-left: none;">
            <img src="images2/6-2.jpg" alt=""/>
            <p class="guan-c-wa">Smartisan 原装快充充电器</p>
            <p class="guan-c-wb">24W 极速快充、兼容 QC3.0 和 PE+2.0</p>
            <p class="guan-c-wc">¥69.00</p>
        </div>
        <div class="guan-c" style="border-top: none;">
            <img src="images2/6-6.jpg" alt=""/>
            <p class="guan-c-wa">Smartisan S-1000 耳机</p>
            <p class="guan-c-wb">VSONIC 创始人全程参与调音</p>
            <p class="guan-c-wc">¥199.00</p>
        </div>
        <div class="guan-c"style="border-top: none;">
            <img src="images2/6-7.jpg" alt=""/>
            <p class="guan-c-wa">Micro-USB 至 Type-C 转接头 × 2</p>
            <p class="guan-c-wb">即插即用、全面兼容</p>
            <p class="guan-c-wc">¥29.00</p>
        </div>
        <div class="guan-c"style="border-top: none;">
            <img src="images2/6-5.jpg" alt=""/>
            <p class="guan-c-wa">Smartisan 卫衣 皇帝的新装</p>
            <p class="guan-c-wb">纪念安徒生出版第一部童话集</p>
            <p class="guan-c-wc">¥249.00</p>
        </div>
        <div class="guan-c"style="border-top: none;">
            <img src="images2/6-4.jpg" alt=""/>
            <p class="guan-c-wa">Smartisan 卫衣 老友记</p>
            <p class="guan-c-wb">纪念老友记首播</p>
            <p class="guan-c-wc">¥249.00</p>
        </div>

    </div>
    <div class="guan">
        <div class="guan-a">
            <p>品牌精选</p>
        </div>
            <div class="guan-b">
        </div>
        <div class="guan-c">
        <img src="images2/7-3.jpg" alt=""/>
        <p class="guan-c-wa">《日本制造》</p>
        <p class="guan-c-wb">盛田昭夫的日式经营学</p>
        <p class="guan-c-wc">¥58.00</p>
    </div>
        <div class="guan-c">
            <img src="images2/5-2.jpg" alt=""/>
            <p class="guan-c-wa">《深泽直人》</p>
            <p class="guan-c-wb">首次向中国读者介绍其作品</p>
            <p class="guan-c-wc">¥199.00</p>
        </div>
        <div class="guan-c">
            <img src="images2/7-6.jpg" alt=""/>
            <p class="guan-c-wa">Smartisan S-1000 耳机</p>
            <p class="guan-c-wb">VSONIC 创始人全程参与调音</p>
            <p class="guan-c-wc">¥199.00</p>
        </div>
        <div class="guan-c">
            <img src="images2/7-7.jpg" alt=""/>
            <p class="guan-c-wa">Micro-USB 至 Type-C 转接头 × 2</p>
            <p class="guan-c-wb">即插即用、全面兼容</p>
            <p class="guan-c-wc">¥29.00</p>
        </div>
        <div class="guan-c">
            <img src="images2/7-5.jpg" alt=""/>
            <p class="guan-c-wa">车听宝</p>
            <p class="guan-c-wb">点播式车载广播电台、WIFI 直连技术</p>
            <p class="guan-c-wc">¥199.00</p>
        </div>
        <div class="guan-c">
            <img src="images2/7-4.jpg" alt=""/>
            <p class="guan-c-wa">FIIL Diva 智能蓝牙无线降噪耳机</p>
            <p class="guan-c-wb">手势触控、智能启停</p>
            <p class="guan-c-wc">¥999.00</p>
        </div>

    </div>
    <div class="chui">
        <div class="chui-a">
            <p>锤子科技动态</p>
        </div>
        <div class="chui-b">
            <img src="images2/8-1.jpg" alt=""/>
        </div>
        <div class="chui-b">
            <img src="images2/8-2.jpg" alt=""/>
        </div>
        <div class="chui-b">
            <img src="images2/8-3.jpg" alt=""/>
        </div>
        <div class="chui-b">
            <img src="images2/8-4.jpg" alt=""/>
        </div>
    </div>
    <div class="ying">
        <div class="ying-a">
            <p>锤子应用</p>
            <button>全部应用&gt</button>
        </div>
        <div class="ying-b">
            <div>
                <img src="images2/9-1.jpg" alt=""/>
                <p>HandShaker</p>
                <p class="ying-b-wz">在 Mac 和 Windows 电脑上也可以方便自如地
                    管理你在 Android 手机中的内容</p>
                <img src="images2/9-5.jpg" alt=""/>
            </div>
        </div>
        <div class="ying-b">
            <div>
                <img src="images2/9-2.jpg" alt=""/>
                <p>锤子便签</p>
                <p class="ying-b-wz">雅致的信纸、精心调整的文字排版
                    这可能是最让人想写字的便签应用</p>
                <img src="images2/9-6.jpg" alt=""/>
            </div>
        </div>
        <div class="ying-b">
            <div>
                <img src="images2/9-3.jpg" alt=""/>
                <p>锤子桌面<</p>
                <p class="ying-b-wz">它示范了何为“美观、易用和人性化”</p>S
                <img src="images2/9-7.jpg" alt=""/>
            </div>
        </div>
        <div class="ying-b">
            <div>
                <img src="images2/9-8.jpg" alt=""/>
                <p>扫二维码下载锤子标签</p>
                <a href="#">进一步了解HandShaker&gt</a>
            </div>
        </div>
    </div>
    <div class="lun">
        <div class="lun-a">
            <p class="lun-a-wz">论坛精选</p>
            <button>前往论坛&gt</button>
        </div>
        <div class="lun-b">
            <img src="images2/10_1.png" alt=""/>
            <p class="lun-b-wx">"人造人罗永浩"为您介绍
                <br>Smartisan OS</p>
            <p class="lun-b-wz">超高效的手机桌面，加上大幅提升工作效率的 One Step （一步） 和 Big Bang （大爆炸...</p>
            <a href="#">阅读全文&gt</a>
        </div>
        <div class="lun-b">
            <img src="images2/10_2.png" alt=""/>
            <p class="lun-b-wx">锤科最有出息的孩子—M1评测</p>
            <p class="lun-b-wz">M1 到底好不好用？手感如何？续航怎么样？这一篇锤友的使用评测将解答你所有关于...</p>
            <a href="#">阅读全文&gt</a>
        </div>
        <div class="lun-b">
            <img src="images2/10-3.jpg" alt=""/>
            <p class="lun-b-wx">细节之美 Smartisan M1L 咖啡金·皮革版「图赏」</p>
            <p class="lun-b-wz">看着几张图，也许会不自觉地屏住呼吸。</p>
            <a href="#">阅读全文&gt</a>
        </div>
        <div class="lun-b">
            <img src="images2/10-4.jpg" alt=""/>
            <p class="lun-b-wx">【今日话题】来论坛和锤友一起聊聊</p>
            <p class="lun-b-wz">没事来论坛和一群趣味相投的锤友，坐下来打开脑洞，一起天马行空地聊聊。话题每周更...</p>
            <a href="#">阅读全文&gt</a>
        </div>
    </div>

</div>
<div class="end">
    <div class="end-a center">
        <ul>
            <li><a class="end-c" href="#">订单服务</a></li>
            <li><a href="#">购买指南</a></li>
            <li><a href="#">支付方式</a></li>
            <li><a href="#">送货政策</a></li>
        </ul>
        <ul>
            <li><a class="end-c" href="#">服务支持</a></li>
            <li><a href="#">售后服务</a></li>
            <li><a href="#">维修门店</a></li>
            <li><a href="#">零售门店</a></li>
        </ul>
        <ul>
            <li><a class="end-c" href="#">自主服务</a></li>
            <li><a href="#">热点咨询</a></li>
            <li><a href="#">预约购买</a></li>
            <li><a href="#">订单物流</a></li>
        </ul>
        <ul>
            <li><a class="end-c" href="#">媒体中心</a></li>
            <li><a href="#">新闻动态</a></li>
            <li><a href="#">官方视频</a></li>
            <li><a href="#">图片资源</a></li>
        </ul>
        <ul>
            <li><a class="end-c" href="#">关于公司</a></li>
            <li><a href="#">公司简介</a></li>
            <li><a href="#">加入我们</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
        <ul>
            <li><a class="end-c" href="#">关注我们</a></li>
            <li><a href="#">新浪微博</a></li>
            <li><a href="#">官方微信</a></li>
            <li><a href="#">官方贴吧</a></li>
        </ul>
        <ul class="end-b">
            <li class="end-b-dh">400-6199-0909</li>
            <li class="end-b-time">周一至周日9：00-18：00（仅收市话费）</li>
            <li><button><span> ? </span>在线帮助</button></li>
        </ul>

    </div>
    <div class="end-d center">
        <ul class="end-i">
            <li>Copyright © 2017, Smartisan Digital Co., Ltd. All Rights Reserved.北京锤子数码科技有限公司</li>
            <li>|</li>
            <li>法律声明</li>
            <li>|</li>
            <li>隐私条款</li>
            <li>|</li>
            <li>开发者中心</li>
        </ul>
        <ul class="end-e">
            <li>京ICP备14041720号-1</li>
            <li>京ICP证140622号</li>
            <li>11010502025474</li>
        </ul>
        <button>中文</button>
    </div>
</div>
</body>
</html>